$(document).ready(function(){
	//welcome page
	setTimeout(function(){
		$('#welcomePage').fadeOut(500,function(){
			$('#phoneIndex').show();
		});
	},1500);
	
	//从Index进入AccountList
	$('#phoneIndexFooter').click(function(){
		$('#phoneIndex').fadeOut(800,function(){
			$('#phoneAccountList').fadeIn(500);
		});
	});
	
	//从AccountList 返回 Index
	$('span.accountListTopBarBack').click(function(){
		$('#phoneAccountList').fadeOut(800,function(){
			$('#phoneIndex').fadeIn(500);
		});
	});
	
	//从AccountList进入Login
	$('.accountList').click(function(){
		var rel = $(this).attr('rel');
		var tit = $(this).children('.accountListTit').html();
		$("#loginForm").attr('action', $("#loginForm").attr('action') + rel + '/' );
		$('#phoneAccountList').fadeOut(500,function(){
			$('#phoneLogin').fadeIn(400);
			$('.phoneLoginTopBarTit').html( tit );
		});
	});
	
	//从Login 返回 AccountList
	$('span.phoneLoginTopBarBack').click(function(){
		$('#phoneLogin').fadeOut(500,function(){
			$('#phoneAccountList').fadeIn(400);
		});
	});
	
	//form label
	$('.inputList label').click(function(){
		$(this).fadeOut();
		$(this).next().focus();
	});
	$('.inputList input').keyup(function(){
		if( $.trim( $(this).val() ) != ''){
			$(this).prev().fadeOut();
		}else{
			$(this).prev().fadeIn();
		}
	});
	$('.inputList input').blur(function(){
		if($.trim( $(this).val() )==''){
			$(this).prev().fadeIn();
		}
	});
	
	
	//提交表单
	$("#loginForm").submit(function(){
		var self=$(this),
			mail = self.find('input[name=phoneEmail]'),
			password = self.find('input[name=phonePwd]'),
			mail_val = mail.val(),
			password_val = password.val()
		;
		
		if(!mail_val){
			mail.focus();
			return false
		}
		
		if(!password_val){
			password.focus()
			return false
		}
	
		$.phone(
			this.action,
			{
				password:password, 
				mail:mail
			},function (o){
				if(o.error)
				alert(o.error);
				mail.focus().select()
			}
		)
		return false;
	});
});
